﻿#@layout()
#define main()
<section class="wrapper">
  <!-- BEGIN ROW  -->
  <div class="row state-overview">
    <div class="col-lg-3 col-sm-6">
      <section class="panel">
        <div class="symbol">
          <i class="fa fa-tags blue">
          </i>
        </div>
        <div class="value">
          <h1 class="count">
            0
          </h1>
          <p>
            Total Sale
          </p>
        </div>
      </section>
    </div>
    <div class="col-lg-3 col-sm-6">
      <section class="panel">
        <div class="symbol">
          <i class="fa fa-money red">
          </i>
        </div>
        <div class="value">
          <h1 class=" count2">
            0
          </h1>
          <p>
            Total Profit
          </p>
        </div>
      </section>
    </div>
    <div class="col-lg-3 col-sm-6">
      <section class="panel">
        <div class="symbol">
          <i class="fa fa-user yellow">
          </i>
        </div>
        <div class="value">
          <h1 class=" count3">
            0
          </h1>
          <p>
            New Users
          </p>
        </div>
      </section>
    </div>
    <div class="col-lg-3 col-sm-6">
      <section class="panel">
        <div class="symbol">
          <i class="fa fa-shopping-cart purple">
          </i>
        </div>
        <div class="value">
          <h1 class=" count4">
            0
          </h1>
          <p>
            New Orders
          </p>
        </div>
      </section>
    </div>
  </div>
  <!-- END ROW  -->
  <div id="morris">
    <!-- BEGIN ROW  -->
    <div class="row">
      <div class="col-lg-4">
        <div class="panel terques-chart">
          <div class="panel-body chart-texture">
            <div class="chart">
              <div class="heading">
                        <span>
                          Friday
                        </span>
                <strong>
                  $ 657,00 | 55%
                </strong>
              </div>
              <div class="sparkline" data-type="line" data-resize="true" data-height="75" data-width="90%" data-line-width="1" data-line-color="#fff" data-spot-color="#fff" data-fill-color="" data-highlight-line-color="#fff" data-spot-radius="4" data-data="[564,123,890,564,455,200,135,667,333,526,996]">
              </div>
            </div>
          </div>
          <div class="chart-tittle">
                    <span class="title">
                      New Earning
                    </span>
            <span class="value">
                      <a href="#" class="active">
                        Market
                      </a>
                      |
                      <a href="#">
                        Local
                      </a>
                      |
                      <a href="#">
                        Online
                      </a>
                    </span>
          </div>
        </div>
        <div class="panel green-chart">
          <div class="panel-body">
            <div class="chart">
              <div class="heading">
                        <span>
                          June
                        </span>
                <strong>
                  23 Days | 65%
                </strong>
              </div>
              <div id="designchart">
              </div>
            </div>
          </div>
          <div class="chart-tittle">
                    <span class="title">
                      Total Earn
                    </span>
            <span class="value">
                      $, 50,23,561
                    </span>
          </div>
        </div>
      </div>
      <div class="col-lg-2">
        <div class="tiles facebook-tile text-center">
          <i class="fa fa-facebook icon-lg-size">
          </i>
          <h4>
            <a href="#fakelink">
              10K likes
            </a>
          </h4>
        </div>
        <!-- /.tiles .facebook-tile -->
        <div class="tiles twitter-tile text-center">
          <i class="fa fa-twitter icon-lg-size">
          </i>
          <h4>
            <a href="#fakelink">
              2K followers
            </a>
          </h4>
        </div>
        <!-- /.tiles .twitter-tile -->
      </div>
      <div class="col-lg-6">
        <section class="panel">
          <header class="panel-heading">
            Profit(USD)
          </header>
          <div class="panel-body">
            <div id="hero-area" class="graph">
            </div>
          </div>
        </section>
      </div>
    </div>
    <!-- END ROW  -->
  </div>
  <!-- BEGIN ROW  -->
  <div class="row">
    <div class="col-lg-8">
      <section class="panel">
        <div class="panel-body">
          <a href="#" class="task-thumb">
            <img src="img/avatar1.jpg" alt="">
          </a>
          <div class="task-thumb-details">
            <h1>
              <a href="#">
                Work Progress
              </a>
            </h1>
            <p>
              Pruthvi Bardolia
            </p>
          </div>
        </div>
        <table class="table table-hover personal-task">
          <tbody>
          <tr>
            <td>
              1
            </td>
            <td>
              Target Revenue
            </td>
            <td>
                        <span class="badge bg-important">
                          75%
                        </span>
            </td>
            <td>
              <div id="work-progress1">
              </div>
            </td>
          </tr>
          <tr>
            <td>
              2
            </td>
            <td>
              Project Larsen
            </td>
            <td>
                        <span class="badge bg-success">
                          43%
                        </span>
            </td>
            <td>
              <div id="work-progress2">
              </div>
            </td>
          </tr>
          <tr>
            <td>
              3
            </td>
            <td>
              Project Nowbie
            </td>
            <td>
                        <span class="badge bg-info">
                          67%
                        </span>
            </td>
            <td>
              <div id="work-progress3">
              </div>
            </td>
          </tr>
          <tr>
            <td>
              4
            </td>
            <td>
              Total Sales
            </td>
            <td>
                        <span class="badge bg-warning">
                          30%
                        </span>
            </td>
            <td>
              <div id="work-progress4">
              </div>
            </td>
          </tr>
          <tr>
            <td>
              5
            </td>
            <td>
              Delivery Pending
            </td>
            <td>
                        <span class="badge bg-primary">
                          15%
                        </span>
            </td>
            <td>
              <div id="work-progress5">
              </div>
            </td>
          </tr>
          </tbody>
        </table>
      </section>
    </div>
    <div class="col-lg-4">
      <section class="panel post-wrap pro-box">
        <aside>
          <div class="post-info">
            <div class="panel-body">
              <footer class="social-footer">
                <ul>
                  <li class="active">
                    <a href="#">
                      <i class="fa fa-twitter">
                      </i>
                    </a>
                  </li>
                </ul>
              </footer>
              <!-- END  FOOTER -->
              <div class="text-center twite">
                <h1>
                  We just Launch a New Theme Check it Out at
                  <a href="javascript:;">
                    http://olivethemes.in/
                  </a>
                </h1>
                <p >
                  4 Days ago
                </p>
              </div>
            </div>
          </div>
        </aside>
      </section>
    </div>
  </div>
  <!-- END ROW  -->
  <!-- BEGIN ROW  -->
  <!-- END ROW  -->
  <!-- BEGIN ROW  -->
  <!-- END ROW  -->
</section>
#end